<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>SKU详情页设置</title>
    <link rel="stylesheet" href="../../libs/bootstrap.min.css"> 
    <link rel="stylesheet" href="../../libs/thirdly/font-awesome.min.css">
    <link rel="stylesheet" href="../../libs/jqGrid/ui.jqgrid-bootstrap.css">
    <link rel="stylesheet" href="../../libs/jstree/themes/default-dark/style.min.css">
    <link rel="stylesheet" href="../../css/common.css">
    <link rel="stylesheet" href="../../css/MDM/MDM000403.css">
    
    <script src="../../libs/jquery.min.js"></script>
    <script src="../../libs/jquery-ui.js"></script>
    <script src="../../libs/bootstrap.min.js"></script>
    <script src="../../libs/jqGrid/grid.locale-cn.js"></script>
    <script src="../../libs/jqGrid/jquery.jqGrid.min.js"></script>
    <script src="../../libs/jstree/jstree.min.js"></script>

    <script src="../../js/config.js"></script>  
    
</head>

<body>

<div class="m_wrapper">
    <aside class="u_menu_container">
        <!-- /component/me_Menu.html -->
    </aside>
    <section class="u_wrapper">
        <header>
            <div class="u_header">
                <h2>SKU详情页设置</h2>
            </div>
        </header>
        <div class="u_content_wrapper">
            <div class="u_toolbar u_user">
                <ul class="u_toolgroup">
                    <li class="u_tool" data-opt="add">
                        <i class="fa fa-plus"></i>
                        <span>添加</span>
                    </li>
                    <li class="u_tool" data-opt="save">
                        <i class="fa fa-save"></i>
                        <span>保存</span>
                    </li>
                    <li class="u_tool" data-opt="back">
						<i class="fa fa-reply"></i>
                        <span>返回</span>
					</li>
                </ul>
            </div>
            <div class="u_contents clearfix">
                <div class="u_row">
                    <!--<div class="u_col_6x">
                        <div class="u_block_content">
                            <div class="form-horizontal">
                                <div class="form-group">
                                    <label class="data-label">一级分类</label>
                                    <div class="data-input">
                                        <select class="form-control" type="text" value="" id="ItemCategory1">
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="data-label">二级分类</label>
                                    <div class="data-input">
                                        <select class="form-control" type="text" value="" id="ItemCategory2">
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="data-label">三级分类</label>
                                    <div class="data-input">
                                        <select class="form-control" type="text" value="" id="ItemCategory3">
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="data-label">品牌</label>
                                    <div class="data-input">
                                        <input class="form-control" type="text" value="" data-field="ItemBrand">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>-->
                    <div class="u_col_6x">
                        <div class="u_block_content">
                            <div class="form-horizontal">
                                <div class="form-group">
                                    <label class="data-label">代码</label>
                                    <div class="data-input">
                                        <input class="form-control" type="text" disabled data-field="ItemCode">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="data-label">名称</label>
                                    <div class="data-input">
                                        <input class="form-control" type="text" disabled data-field="ItemName">
                                    </div>
                                </div>
                                <!--<div class="form-group">
                                    <label class="data-label">全称</label>
                                    <div class="data-input">
                                        <input class="form-control" type="text" value="" data-field="ItemFullName">
                                    </div>
                                </div>-->
                            </div>
                        </div>
                    </div>
                </div>
                <div class="u_tabs_container">
                    <ul class="u_tabs clearfix">
                        <!--<li class="u_tab" data-tab="general">规格表SKU列表</li>-->
                        <li class="u_tab u_tab_active" data-tab="detailPC">详情(PC)</li>
                        <!--<li class="u_tab" data-tab="detailMob">详情(Mobile)</li>
                        <li class="u_tab" data-tab="paramList">参数列表</li>-->
                        <!--<li class="u_tab" data-tab="picList">图片列表</li>-->
                        <li class="u_tab" data-tab="updaterecord">更新记录</li>
                    </ul>
                    <ul class="u_panes clearfix">
                        <li class="u_pane u_pane_active" data-tab="detailPC">
                            <div class="u_row">
                                <div class="u_col_12x">
                                    <h3 class="u_title">
                                        <i class="fa fa-picture-o"></i>
                                        产品主图
                                        <div class="checkbox">
                                            <label>
                                                <input id="ImgManger" type="checkbox"> 图片单独管理
                                            </label>
                                        </div>
                                    </h3>
                                    <div class="u_block_content u_p_items">
                                        <ul class="u_pictures clearfix">
                                            <div class="item_close">  
                                                <i class="fa fa-times fa-2x u_close"></i>
                                            </div>
                                            <li class="u_item">
                                                <a href="javascript:0;"></a>
                                            </li>
                                            <li class="u_add_item">
                                                <a href="javascript:0;"></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="u_row">
                                <div class="u_block u_col_12x">
                                    <h3 class="u_title">
                                        <i class="fa fa-picture-o"></i>
                                        产品介绍（PC）
                                    </h3>
                                    <div class="checkbox">
                                        <label>
                                            <input id="DetailManger" type="checkbox"> 详情单独管理
                                        </label>
                                    </div>
                                    <div class="u_block_content">
                                        <iframe id="iframePC" height="600px" src="../../libs/ueditor/index.html" style="border:1px solid #ddd" frameborder="0"></iframe>

                                    </div>
                                </div>
                            </div>
                            <div class="u_row">
                                <div class="u_block u_col_12x">
                                    <h3 class="u_title">
                                        <i class="fa fa-picture-o"></i>
                                        产品详情
                                    </h3>
                                    <div class="u_block_content">
                                        <div class="u_row">
                                            <div class="u_col_12x">
                                                <div class="u_block_content" style="float:left;width:200px">
                                                    <div class="u_table_container">
                                                        <table id="_jgTable"></table>
                                                        <div id="_jgPager"></div>
                                                    </div>
                                                    <div class="u_btns">
                                                        <a class="u_btn btn btn-info" id="BrandBtn">
                                                            <i class="fa fa-plus"></i>
                                                            添加详情类别
                                                        </a>
                                                    </div>
                                                </div>
                                                <div class="u_block_content" style="margin-left:220px">
                                                    <iframe name="_iframe" id="_iframe" height="600px" src="../../libs/ueditor/index.html" style="border:1px solid #ddd" frameborder="0"></iframe>
                                                    <a href="javascript:0" class="u_btn btn btn-success" id="e_save">
                                                        <i class="fa fa-save"></i>
                                                        保&nbsp;存
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <!--<li class="u_pane" data-tab="detailMob">
                            <div class="u_row">
                                <div class="u_col_12x">
                                    <h3 class="u_title">
                                        <i class="fa fa-picture-o"></i>
                                        产品详情（Mobile）
                                    </h3>
                                    <div class="u_block_content">
                                        <iframe id="iframeM" height="600px" src="../../libs/ueditor/index.html" style="border:1px solid #ddd" frameborder="0"></iframe>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="u_pane" data-tab="paramList">
                            <div class="u_row">
                                <div class="u_col_6x">
                                    <div class="u_block_content">
                                        <div class="u_table_container">
                                            <table id="jgTable03"></table>
                                            <div id="jgPager03"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>-->
                        <li class="u_pane" data-tab="updaterecord">
                            <div class="u_row">
                                <div class="u_col_6x">
                                    <div class="u_block_content">
                                        <div class="form-horizontal">
                                            <div class="form-group">
                                                <label class="data-label">创建时间</label>
                                                <div class="data-input">
                                                    <input class="form-control" type="text" disabled id="createDate">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="data-label">更新时间</label>
                                                <div class="data-input">
                                                    <input class="form-control" type="text" disabled id="updateDate">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="data-label">创建用户</label>
                                                <div class="data-input">
                                                    <input class="form-control" type="text" disabled id="createUser">    
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="data-label">更新用户</label>
                                                <div class="data-input">
                                                    <input class="form-control" type="text" disabled id="updateUser">    
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <footer>
                <div class="u_footer">
                    <a href="javascript:0" class="u_btn btn btn-success" id="js_submit">
                        <i class="fa fa-save"></i>
                        提&nbsp;交
                    </a>
                </div>
            </footer>
        </div>
    </section>
</div>

<!-- 自定义模态框 -->
<div id="modal1" class="modal-overlay hidden">
    <div class="modal-data">
        <i class="u_restore"></i>
        <!-- 头部 -->
        <div class="u_modal_header">
            <ul class="list-inline pull-right">
                <li class="u_title u_close">
                    <i class="glyphicon glyphicon-remove"></i>
                </li>
            </ul>
        </div>
        <!-- 主体 -->
        <div class="u_modal_body">
            <div class="form-horizontal">
                <div class="form-group">
                    <div class="data-input">
                        <select class="form-control" id="m_Select">
                          <option value=""></option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="u_footer pull-left">
                <button type="button" class="btn btn-success" id="submit1">
                    <i class="fa fa-save"></i>
                    确认保存
                </button>
            </div>
        </div>
    </div>
</div>

<!-- 自定义模态框 -->
<div id="picModal" class="modal-overlay hidden">
	<div class="modal-data">
        <i class="u_restore"></i>
        <!-- 头部 -->
        <div class="u_modal_header">
            <ul class="u_toolgroup u_search pull-left">
                <li class="u_tool" id="opt_search" data-opt="opt_search">
                    <input type="text" value="" placeholder="搜索">
                    <i class="fa fa-search"></i>
                </li>
            </ul>
            <ul class="list-inline pull-right">
                <li class="u_title u_minimize">
                    <i class="glyphicon glyphicon-minus"></i>
                </li>
                <li class="u_title u_close">
                    <i class="glyphicon glyphicon-remove"></i>
                </li>
            </ul>
        </div>
        <!-- 主体 -->
        <div class="u_modal_body">
            <div class="u_contents clearfix">
                <div class="u_fixed_row">
                    <div id="picTree"></div>
                </div>
                <div class="u_row">
                    <div class="u_col_12x">
                        <ul class="u_pictures clearfix">
                            <!--<li class="u_add_item">
                                <img src="../../asset/images/02989ed947bf40aaa4714c7a6cbb360d.png" alt="">
                                <p class="u_desc">010901 水标Q（D）X潜水泵2</p>
                            </li>-->
                        </ul>
                        <div class="u_footer pull-left">
                            <button type="button" class="btn btn-success" id="addPicBtn">
                                <i class="fa fa-save"></i>
                                确认添加
                            </button>
                        </div>
                        <div class="u_footer pull-right">
                            <div class="record-group">
                                131 - 133　共 133 条
                            </div>
                            <div class="btn-group">
                                <a id="prevBtn" type="button" class="btn btn-default">上一页</a>
                                <a id="nextBtn" type="button" class="btn btn-default">下一页</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
	</div>
</div>

<script src="../../js/publicTpl.js"></script>
<script src="../../js/common.js"></script>
<script src="../../js/publicGrid.js"></script>
<script src="../../js/picModal.js"></script>
<script src="../../js/MDM/MDM000403.js"></script>

</body>
</html>

<!--优盘需要做成EFI 模式，或在BIOS 里改成Legacy模式-->
